	page{
		background-color: #ffffff;
		margin: 0;
		padding: 0;
		font-size: 30rpx;
	}
	.btn{
		background-color: #48c87b;
		color: #fff;
	}
	.w100{
		width: 100%;
	}
	.h100{
		height: 100%;
	}
	/* 浮动--横向 */
	.df{
		display: flex;
	}
	.df-cen{
		display: flex;
		align-items: center;
	}
	.df-js-cen{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.df-sb{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.df-end{
		display: flex;
		align-items: flex-end;
	}
	.df-ai-end{
		display: flex;
		align-items: end;
		justify-content: end;
	}
	/* 浮动--竖向 */
	
	.df-tb-cen{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	/* 外边距 */
	.mg-30{
		margin: 30rpx;
	}
	/* 外边距 左右*/
	.mg-rl-20{
		margin:0rpx 20rpx;
	}
	.mg-rl-30{
		margin:0rpx 30rpx;
	}
	/* 外边距 上下*/
	.mg-tb-20{
		margin: 20rpx 0rpx;
	}
	.mg-tb-30{
		margin: 30rpx 0rpx;
	}
	/* 内边距 上下*/
	.pd-tb-20{
		padding: 20rpx 0rpx;
	}
	.pd-tb-30{
		padding: 30rpx 0rpx;
	}
	/* 内边距 上下*/
	.pd-rl-20{
		padding:0rpx 20rpx ;
	}
	.pd-rl-30{
		padding:0rpx 30rpx ;
	}
	.content {
		font-size: 30rpx;
		/* margin: 0rpx 30rpx; */
	}
	/* 超出省略号 */
	.one-ellipsis {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:1;  
	overflow: hidden;
	}

	.two-ellipsis {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;  
		overflow: hidden;
		
	}
	
	/* 背景尺寸 */
	.bg-size {
		background-size: 100% 100%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
	/* 圆角 */
	.bor-10{
	border-radius: 10rpx;
	}
	.bor-20{
	border-radius: 20rpx;
	}
	.bor-50{
	border-radius: 50rpx;
	}
	.bor-500{
		border-radius: 50%;
	}